<template>
    <div class="home">
        {{ person }}
        {{ personList }}
        <p>-----</p>
        {{ perList }}
    </div>
</template>


<script setup lang="ts" name="Page24">
import { ref } from 'vue';
import { type PersonInter, type Persons } from '../types'
let person: PersonInter = { id: '1001', name: '张三', age: 60 }
let personList: Array<PersonInter> = [
    { id: 'a1001', name: '张三1', age: 60 },
    { id: 'a1002', name: '张三2', age: 60 },
    { id: 'a1003', name: '张三3', age: 60 }
]

let perList: Persons = [
    { id: 'p1001', name: '张三p1', age: 60 },
    { id: 'p1002', name: '张三p2', age: 60 },
    { id: 'p1003', name: '张三p3', age: 60 }
]



</script>

<style lang="scss" scoped></style>